<template>
  <a-modal width="850px" :visible.sync="visible" @cancel="handleCancel" v-bind="$attrs">
    <div v-if="visible">
      <EzuikitPlayer ref="EzuikitPlayerRef" />
    </div>
  </a-modal>
</template>

<script>
import EzuikitPlayer from '@/components/EzuikitPlayer'

export default {
  data() {
    return {
      visible: false,
    }
  },
  components: {
    EzuikitPlayer,
  },
  methods: {
    open(record) {
      this.visible = true
      this.$nextTick(() => {
        this.$refs.EzuikitPlayerRef.initPlayer(record)
      })
    },
    handleCancel() {
      this.visible = false
    },
  },
}
</script>

<style>
</style>